<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" isELIgnored="false"%>
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>众筹管理后台</title>
		<link rel="stylesheet" href="admin/css/bootstrap.min.css" />
		<link rel="stylesheet" href="admin/css/dashboard.css" />
	</head>
	<body>
		<nav class="navbar navbar-inverse navbar-fixed-top">
			<div class="container-fluid">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false"
					 aria-controls="navbar">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="#">众筹管理平台</a>
				</div>
				<div id="navbar" class="navbar-collapse collapse">
					<ul class="nav navbar-nav navbar-right">
						<li><a href="toBackstageIndex">首页</a></li>
						<li><a href="#">欢迎, ${sessionScope.admin.adminName}</a></li>
						<!-- <li><a href="#" title="修改个人资料和密码的页面">设置</a></li> -->
						<li><a href="logout" title="退出登录">退出</a></li>
					</ul>
				</div>
			</div>
		</nav>
		<div class="container-fluid">
			<div class="row">
				<div class="col-sm-3 col-md-2 sidebar">
					<ul class="nav nav-sidebar">
						<li class="active"><a href="toBackstageIndex">首页</a></li>
					</ul>
					<ul class="nav nav-sidebar">
						<li><a href="toBackProducts">所有项目</a></li>
						<li><a href="toBackProducts">项目审核</a></li>
						<!-- <li><a href="toBackProducts">项目跟踪</a></li> -->
						<li><a href="toBackProducts">项目评论</a></li>
						<li><a href="toBackProducts">项目分类</a></li>
						<li><a href="toBackProducts">项目推荐</a></li>
					</ul>
					<ul class="nav nav-sidebar">
						<li><a href="toBackManages">用户管理</a></li>
						<li><a href="toBackManages">用户资金</a></li>
						<li><a href="toBackManages">实名审核</a></li>
						<li><a href="toBackManages">新闻管理</a></li>
						<li><a href="toBackManages">添加新闻</a></li>
					</ul>
					<ul class="nav nav-sidebar">
						<li><a href="">新闻管理</a></li>
						<li><a href="">问题管理</a></li>
						<li><a href="${pageContext.request.contextPath}/back/user/list.action">管理用户</a></li>
						<li><a href="">管理日志</a></li>
					</ul>
				</div>

				<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">

					<h1 class="page-header">今日众筹</h1>

					<div class="jumbotron">
						
						<h2>今日新增众筹资金：<span id="moneyCount" style="color:#4b63bc;font-size: 1.2em;"></span>￥</h2>
						<!-- <h5>昨日总众筹资金：18900￥</h5> -->
						<h2>今日新增众筹参与人数：${applicationScope.todaynumber}</h2>
						<!-- <h5>昨日新增众筹项目</h5> -->
						<!-- <p><a class="btn btn-primary btn-lg" href="#" role="button">查看详细</a></p> -->
					</div>

					<!-- <div>
						<h2 class="sub-header" style="display: inline-block;">实时数据</h2><span style="display: inline-block;">(每5s自动刷新)</span>
					</div>
					<div class="table-responsive">
						<table class="table table-striped">
							<thead>
								<tr>
									<th>时间</th>
									<th>类型</th>
									<th>记录</th>
									<th>操作</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>10秒前</td>
									<td>新众筹项目</td>
									<td>用户xxx发起了新的众筹项目xxxxx</td>
									<td><a href="#">查看项目</a></td>
								</tr>
								<tr>
									<td>15秒前</td>
									<td>项目达标</td>
									<td>众筹项目xxxxx已达标</td>
									<td><a href="#">查看项目</a></td>
								</tr>
								<tr>
									<td>20秒前</td>
									<td>众筹资金</td>
									<td>用户xxx参与了众筹项目xxxxx</td>
									<td><a href="#"></a></td>
								</tr>
								<tr>
									<td>1分前</td>
									<td>项目达标</td>
									<td>众筹项目xxxxx已达标</td>
									<td><a href="#">查看项目</a></td>
								</tr>
								<tr>
									<td>5分前</td>
									<td>众筹资金</td>
									<td>用户xxx参与了众筹项目xxxxx</td>
									<td><a href="#"></a></td>
								</tr>

							</tbody>
						</table>
					</div> -->
				</div>
			</div>
		</div>
		
		<p style="display: none;" id="todayMoney">
			${applicationScope.todayMoney}
		</p>
		<script type="text/javascript" src="${pageContext.request.contextPath}/admin/js/jquery1.12.4.min.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/admin/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/admin/js/countUp.js"></script>
		<script>
			$(document).ready(function() {
				setInterval(function(){
				   window.location.reload();
				  }, 5000);
				var moneynow = $("#todayMoney").html()
				//alert(moneynow)
				if(moneynow==null){
					moneynow = 0
				}
				//alert(moneynow)
				var options = {
					useEasing: true,
					useGrouping: true,
					separator: ',',
					decimal: '.',
				};
				var demo = new CountUp('moneyCount', 10000, moneynow, 0, 2.5, options);
				if (!demo.error) {
					demo.start();
				} else {
					console.error(demo.error);
				}
			});
		</script>
	</body>
</html>
